<template>
	<div id="time">
		<van-row>
			<van-col :span="18" :offset="1" class="timeleft">
				{{time}}
			</van-col>
			<van-col :span="5">
				<img src="../../public/images/首页@3x_03.jpg" class="timeimg">
			</van-col>
		</van-row>
	</div>
</template>

<script>
	export default
	{
		data()
		{
			return{
				time:''
			}
		},
		mounted()
		{
			var times=new Date()
			this.time=times.getHours()+':'+times.getMinutes()
		}
	}
</script>

<style>
	#time{
		width: 100%;
		height: 50px;
		background-color: white;
		z-index: 34;
	}
	.timeleft{
		width: 96%;
		line-height: 50px;
		text-align: left;
		font-size: 1.4375rem;
		padding-left: 10px;
		font-weight: bold;
	}
	.timeimg{
		width: 100%;
		height: 45px;
	}
</style>
